<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>我的收藏</title>
	<link rel="stylesheet" type="text/css" href="../../../css/base.css" />
	<style type="text/css">
		.head-bg {
			background: #005A93;
		}

		.header {
			width: 100%;
			height: 0.44rem;
			display: flex;
			text-align: center;
			align-items: center;
		}

		.header img {
			width: 0.44rem;
			height: 0.44rem;
			margin-right: 1.07rem;
		}

		.header .title {
			font-size: 0.18rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			line-height: 0.25rem;
		}

		#app {
			display: flex;
			width: 100%;
			height: 0.5rem;
			background: #FFFFFF;
			padding: 0 0.22rem;
			align-items: center;
			justify-content: space-between;
			/*border-bottom: 0.1rem solid #F0F1F2;*/
			box-sizing: border-box;
		}

		#app .tab-item {
			font-size: 0.15rem;
			padding: 0.13rem 0;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(128, 128, 128, 1);
			width: 0.8rem;
			text-align: center;
			justify-content: space-between;
		}

		.aui-linear {
			font-size: 0.14rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(0, 90, 147, 1)!important;
			border-bottom: 0.03rem solid rgba(0, 90, 147, 1)!important;
			border-radius: 1px;
		}
	</style>
</head>

<body>
	<div id="aui-header" class="head-bg">
		<header class="head-bg header">
			<a class="" tapmode onclick="close_win()">
				<img class="" src="../../../image/icons/head-left.png" />
			</a>
			<div class="title">
				<div class="">
					我的收藏
				</div>
			</div>
		</header>
		<div>
			<div class="" id="app">
				<!-- <div class="tab-item" :class="{'aui-linear':index=='all'}" tapmode onclick="tapindex('all')">
					<span>待审核</span>
				</div> -->
				<div class="tab-item" :class="{'aui-linear':index=='good'}" tapmode onclick="tapindex('good')">
					<span>商品</span>
				</div>
				<div class="tab-item" :class="{'aui-linear':index=='xyx'}" tapmode onclick="tapindex('xyx')">
					<span>会员秀</span>
				</div>
				<div class="tab-item" :class="{'aui-linear':index=='xx'}" tapmode onclick="tapindex('xx')">
					<span>资讯</span>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/vue.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script>
	var vm = new Vue({
		el: '#app',
		data: {
			index: 'good',
		},
	});
	apiready = function() {
		if ($api.getStorage('status')) {
			vm.index = $api.getStorage('status');
		}
		$api.fixStatusBar($api.byId('aui-header'))
		open_frame('my_collection_f', 'my_collection_f.html', 'aui-header', false)
	};

	function tapindex(index) {
		if (vm.index != index) {
			vm.index = index
			$api.setStorage('status', index);
			send_event('order_index', {
				index: vm.index
			})
		}
	}
</script>

</html>
